*{
    /*清楚所有元素自带的边距效果*/
    padding: 0;
    margin: 0;
}
body{
    /*设置背景颜色*/
    background: #f5f5f5;
}
.product{
    width: 1240px;
    height: 650px;
    /*设置盒子模型居中显示*/
    margin: 50px auto;
    /*设置内边距*/
    padding:4px;
}
.aside{
    /*设置左浮动*/
    float: left;
}
.content{
    /*设置左边距*/
    margin-left: 248px;/*非浮动元素忽略浮动元素，并向上移*/
}
.content .item{
    /*设置左浮动*/
    float: left;
    /*设置背景颜色*/
    background-color: #FFF;
    /*设置右边距*/
    margin-right: 12px;
    /*这只下边距*/
    margin-bottom: 8px;
    /*设置元素定位方式为相对定位*/
    position: relative;
    top: 0;
    transition: all.5s;/*CSS新增的动画属性：过度，all（默认值）值所有属性改变，整个转换过程在0.5秒内完成*/
}
/*当指针悬浮在该元素上时，元素定位在顶部-3的位置，并显示盒子阴影*/
.content .item:hover{
    top: -3px;
    box-shadow: 0 0 15px #999;
    /*将鼠标指针更改为小手形状*/
    cursor: pointer;
}